<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="/static/css/index.css"/>
	<script src="/static/js/jquery-3.2.1.min.js"></script>
    <title>资源上传</title>
</head>
<body>
    <header>
    	<div class="lf">
    		<a class="home" href="{% url 'xzbindex' %}">系统首页</a>
    		<!-- <a href="bbs.html">论坛</a> -->
    		<a href="{% url 'xzbupload' %}">上传资料</a>
    	</div>
    	<div id="search">
    		<input type="text" name="name" 
    			placeholder="请输入要搜索的资源" autocomplete="off"/><a class="search btn">搜索</a>
    	</div>
    	
    	<div class="rf">
    		<div class="email-info">
				<b>99</b>
				<ul class="email-list">
					<li><a href="./message.html">官方<b>0</b></a></li>
					<li><a href="./message.html">通知<b>0</b></a></li>
					<li><a href="./message.html">私信<b>0</b></a></li>
				</ul>
			</div>
    		<a class="info" href="{% url 'xzbpersonal' %}">个人中心</a>
    		<a class="cols" href="{% url 'xzbshoucang' %}">收藏</a>
    		<a class="exit">退出登录</a>
    	</div>
    </header>
	
	<article>
		<!-- 网站主体 -->
		<div id="main">
			<section class="ct">
				<!-- 上传表单-->
				<div class="upload">
					<h1>上传资源<em>声明：请确保您上传的内容合法合规，涉及侵权内容将会被移除，详见<a>《爱下载资源共享规则》</a></em></h1>
					<form action="/xzb/upload/" method="post" enctype="multipart/form-data">
						{% csrf_token %}
						<p class="file">
							<input type="file" name="resource" multiple>
							
							<span class="t1">点击上传、文件小于1000MB（请不要上传存在侵权的资源哦！）</span>
							
							<!-- 上传后的效果 -->
							<!-- 
							<span class="t2">
								<img src="./images/zip.svg" />
								<b>房产物业管理系统.zip</b>
								<progress value="40" max="100"></progress>
								<a>重新上传</a>
							</span> 
							-->
						</p>
						
						<p>
							<label><em>*</em>资源名称：</label>
							<input class="upt" type="text" name="resourceName" value="" placeholder="请输入资源名" />
							<em></em> <!-- 显示错误信息  -->
						</p>
						
						<p>
							<label>资源描述：</label>
							<textarea  class="area" name="remark"
								placeholder="简要介绍一下资源内容"></textarea>
						</p>
						
						<p>
							<label><em>*</em>关键词：</label>
							<span class="key-tag">
								<a class="key">
									<span>测试</span>
									<span>测试测试</span>
									<span>测试关</span>
									<input type="hidden" value="python" name="keyword">
									<!-- 单击添加标签后、产生的效果 -->
									<!-- <input type="text" /> -->
								</a>
								<span class="key-tag-msg">
									<button type="button" class="keywords add">添加标签</button>
									<i class="lb">按回车键创建标签</i>
								</span>
							</span>
							
							<span class="source-tag-msg">最多添加5个标签，每个标签不超过16个字</span>
						</p>
						
						<div class="source-type-div">
							<p>
								<label>所属分类：</label>
								<select class="upt source-type source-type-down" name="resourceType">
									<optgroup label="开发技术">
										<option>Java</option>
										<option>Python</option>
										<option>C#</option>
										<option>PHP</option>
										<option>C++</option>
									</optgroup>
									<optgroup label="数据库">
										<option>Oracle</option>
										<option>SQL Server</option>
										<option>DB2</option>
										<option>MySQL</option>
										<option>Postgre</option>
										<option>MongoDB</option>
										<option>Redis</option>
									</optgroup>
								</select>
							</p>
						</div>
						
						<p>
							<label><em>*</em>资源分：</label>
							<select class="upt" id="sel" name="score">
								<option selected="selected">0</option>
								<option>1</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
								<option>5</option>
							</select>
						</p>
						
						<p>
                        <label>验证码：</label>
                        <input id="code" class="upt captcha" type="text" name="code" 
                               value="" placeholder="请输入验证码,如果看不清，点击验证码进行刷新"/>
                        <img class="captcha" src="/static/images/code.png?w=140&h=40" />
                        <em></em>
                    </p>
<!--						<p>-->
<!--							<label>当前用户：session:{{ request.session.user_name }}</label>-->

<!--						</p>-->
						<p><label class="btn"><input type="submit" class="btn" value="提交"></label></p>
					</form>
				</div>
			</section>
		</div>
	</article>
	
	<footer>
		<p class="decro">本站所有资源信息均由网友上传,本站只是为了推广资源让更多读者下载,使用。如涉侵权，请联系管理员</p>
		<p class="cr">Copyright © 2021-2025 <span class="site">爱下载资源分享平台</span> All Rights Reserved.</p>
		<p class="num">沪ICP备14048333号</p>
	</footer>

</body>

</html>